<div class="row">
	<div class="col-md-12">
		<!-- Custom Tabs -->
		<div class="nav-tabs-custom">
			<ul class="nav nav-tabs">
				<li>
					<a href="<?php echo base_url();?>jobseekers/welcome"> Welcome</a>
				</li>
				<li>
					<a href="<?php echo base_url();?>jobseekers/resume"> Description</a>
				</li>
				<li class="active">
					<a href="<?php echo $cv==TRUE ? base_url().'jobseekers/modify-resume-creator':base_url().'jobseekers/resume-creator'; ?>"><?php echo $cv==TRUE ?'Modify Resume':'Resume Creator'; ?></a>
				</li>
				<li>
					<a href="<?php echo base_url();?>jobseekers/video-resume">Video Resume</a>
				</li>
				
				<li class="dropdown pull-right">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="glyphicon glyphicon-user"/></i> <?php echo $username;?> <span class="caret"></span> </a>
					<ul class="dropdown-menu">
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="<?php echo base_url();?>jobseekers/change-picture">Change Picture</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="<?php echo base_url();?>jobseekers/change-password">Change Password</a>
						</li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="<?php echo base_url();?>jobseekers/view-profile">Profile</a>
						</li>
						<li role="presentation" class="divider"></li>
						<li role="presentation">
							<a role="menuitem" tabindex="-1" href="<?php echo base_url();?>jobseekers/logout">Logout</a>
						</li>
					</ul>
				</li>
				
			</ul>
			<div class="box box-primary overried_box_custome">
	<div class="box-header overried_box_header">
		<h4 class="box-title overried_box_title">Resume creator</h4>
	</div>
	
		<!-- the events -->
		<div id="external-events">
			<form role="form" class="form-horizontal remove-box-border" method="post" action="<?php echo base_url();?>jobseekers/resume-creator">
				<div class="box-body">
					<p><b>Personal Information	</b></p>
					<p>You can view or modify your personal information  from <a href="<?php echo base_url();?>jobseekers/edit-profile">Profile->Modify</a> and personal picture from	 <a href="<?php echo base_url();?>jobseekers/change-picture">change personal picture</a> page!</p>
					<p><b>Work History</b></p> 
					<p>Includes full and part-time, temporary, volunteer, military, and internships. Please enter your duties, accomplishments, skills and abilities. You should start with your most recent work experience. and then include up to three past employers.</p> 

                    <div class="box box-primary">
                        
	                   <div class="box-body">
	                   	<div class="box-header">
                             <h4 class="box_content"><span style="color:#FFF !important;">Education</span></h4>
                        </div>
		                  <div class="row" id="contain-education">
                                    <div class="toclone">
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="school_name[]">School name <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                              <input id="textinput" name="school_name[]" placeholder="" value="<?php echo set_value("school_name"); ?>" class="form-control input-md" type="text">
                                              <span class="error"><?php echo form_error("school_name"); ?></span> 
                                            </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="program_name[]">Major <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                              <input type="text" class="form-control input-md" value="<?php echo set_value("program_name"); ?>" placeholder="" name="program_name[]" />
                                            </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="education_level[]">Education level <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                              <select class="form-control input-md" name="education_level[]">
                                                <option value="">-- Education level --</option>
                                                <?php foreach($education_level->result() as $row): ?>
                                                <option value="<?php echo $row->education_level_id; ?>"><?php echo $row->name; ?></option>
                                                <?php endforeach; ?>
                                            </select>
                                            </div>
                                         </div>

                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="start_edu_date[]">Start date <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                            <input type="text" class="form-control" id="start_edu_date" value="<?php echo set_value("start_edu_date"); ?>" name="start_edu_date[]" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask  required="required">
                                            <span class="error"><?php echo form_error("start_edu_date"); ?></span>
                                            </div>
                                         </div>
                                            
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="end_edu_date[]">End date <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                            <input type="text" class="form-control" id="end_edu_date" value="<?php echo set_value("end_edu_date"); ?>" name="end_edu_date[]" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask  required="required">
							                <span class="error"><?php echo form_error("end_edu_date"); ?></span>
                                            </div>
                                         </div>
										<div class="form-group">
					                        <div class="col-xs-11">
					                            <span class="pull-right">
						                            <a href="#" class="btn btn-sm btn-danger delete"><i class="glyphicon glyphicon-remove"></i></a>
						                            <a href="#" class="btn btn-sm btn-warning clone"><i class="glyphicon glyphicon-plus"></i></a>
					                    		</span>
					                        </div>
					                    </div>
		                  </div>
	                   </div>
                    </div>
                    </div>
                    
                    <div class="box box-primary">
                        
	                   <div class="box-body">
	                   	<div class="box-header">
                             <h4 class="box_content"><span style="color:#FFF !important;">Working Experiences</span></h4>
                        </div>
		                  <div class="row" id="contain-exp">
                                <div class="wrap-exp">
                                    <div class="toclone">
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="job_title[]">Job title <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                    <input type="text" class="form-control input-md" value="<?php echo set_value("job_title"); ?>" placeholder="" name="job_title[]" />
                                            <span class="error"><?php echo form_error("job_title"); ?></span>
                                              </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="copany_name[]">Company name <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                    <input type="text" class="form-control input-md" value="<?php echo set_value("copany_name"); ?>" placeholder="" name="copany_name[]" />
                                            <span class="error"><?php echo form_error("copany_name"); ?></span>
                                              </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="employer_name[]">Employer name</label>  
                                              <div class="col-xs-8">
                                                   <input type="text" class="form-control input-md" placeholder="" value="<?php echo set_value("employer_name"); ?>" name="employer_name[]" />
                                            <span class="error"><?php echo form_error("employer_name"); ?></span>
                                              </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="employer_address[]">Employer address</label>  
                                              <div class="col-xs-8">
                                                   <input type="text" class="form-control input-md" placeholder="" value="<?php echo set_value("employer_address"); ?>" name="employer_address[]" />
                                                    <span class="error"><?php echo form_error("employer_address"); ?></span>
                                              </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="job_duty[]">Position <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                   <input type="text" class="form-control input-md" placeholder="" value="<?php echo set_value("job_duty"); ?>" name="job_duty[]" />
                                            <span class="error"><?php echo form_error("job_duty"); ?></span>
                                              </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="start_exp_date[]">Start date <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                  <input type="text" class="form-control" id="start_exp_date" value="<?php echo set_value("start_exp_date"); ?>" name="start_exp_date[]" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask  required="required">
                                            <span class="error"><?php echo form_error("start_exp_date"); ?></span>
                                              </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="end_pex_date[]">End date <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                  <input type="text" class="form-control" id="end_pex_date" value="<?php echo set_value("end_pex_date"); ?>" name="end_pex_date[]" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask  required="required">
							                <span class="error"><?php echo form_error("end_pex_date"); ?></span>
                                              </div>
                                         </div>
                                        <div class="form-group">
					                        <div class="col-xs-11">
					                            <span class="pull-right">
						                            <a href="#" class="btn btn-sm btn-danger delete"><i class="glyphicon glyphicon-remove"></i></a>
						                            <a href="#" class="btn btn-sm btn-warning clone"><i class="glyphicon glyphicon-plus"></i></a>
					                    		</span>
					                        </div>
					                    </div>
		                  </div>
	                   </div>
                    </div>
                    </div>
                    </div>
                    <div class="box box-primary">
                        
	                   <div class="box-body">
	                   	<div class="box-header">
                             <h4 class="box_content"><span style="color:#FFF !important;">Languages</span></h4>
                        </div>
		                  <div class="row">
                                <div class="col-xs-12">
                                            <div class="form-group">
                                            <label class="col-xs-3 control-label" for="navtive_language">Native laguage <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                    <select class="form-control input-md" name="navtive_language">
                                                        <option value="">-- Navtive language --</option>
                                                        <?php foreach($laguags->result() as $row): ?>
                                                        <option value="<?php echo $row->language_id; ?>"><?php echo $row->name; ?></option>
                                                        <?php endforeach; ?>
                                                    </select> 
                                              </div>
                                         </div>
                                            <hr />
                                </div>
                                
                                        
                                <div id="contain-lang">
                                    <div class="toclone">
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="language">Language <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                    <select class="form-control input-md" name="language[]">
                                                        <option value="">-- Lanuges --</option>
                                                        <?php foreach($laguags->result() as $row): ?>
                                                        <option value="<?php echo $row->language_id; ?>"><?php echo $row->name; ?></option>
                                                        <?php endforeach; ?>
                                                    </select>
                                              </div>
                                         </div>
                                         
                                         <div class="form-group">
                                            <label class="col-xs-3 control-label" for="level">Level <span class="error">*</span></label>  
                                              <div class="col-xs-8">
                                                    <select class="form-control input-md" name="level[]">
                                                        <option value="">-- Language level --</option>
                                                        <?php foreach($language_level->result() as $row): ?>
                                                        <option value="<?php echo $row->proficiency_language_id; ?>"><?php echo $row->name; ?></option>
                                                        <?php endforeach; ?>
                                                    </select>
                                              </div>
                                         </div>
                                         <div class="form-group">
					                        <div class="col-xs-11">
					                            <span class="pull-right">
						                            <a href="#" class="btn btn-sm btn-danger delete"><i class="glyphicon glyphicon-remove"></i></a>
						                            <a href="#" class="btn btn-sm btn-warning clone"><i class="glyphicon glyphicon-plus"></i></a>
					                    		</span>
					                        </div>
					                    </div>
		                  </div>
	                   </div>
                    </div>
                    </div>
                    </div>
                    
                    <div class="box box-primary">
                        
	                   <div class="box-body">
	                   	<div class="box-header">
                             <h4 class="box_content"><span style="color:#FFF !important;">Skills</span></h4>
                        </div>
		                 <div class="row">
			                 <div class="col-xs-12">
    							<textarea class="textarea" name="skill" placeholder="Place some text description here" style="width: 100%; height: 215px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                <?php echo set_value("skill"); ?>
                                </textarea>
    							<span class="error"><?php echo form_error("skill"); ?></span>
                             </div>
		                  </div>
	                   </div>
                    </div>
                    
                    <div class="box box-primary">
                        
	                   <div class="box-body">
	                   	<div class="box-header">
                             <h4 class="box_content"><span style="color:#FFF !important;">Interest</span></h4>
                        </div>
		                  <div class="row">
			                 <div class="col-xs-12">
    							<textarea class="textarea" name="interest" placeholder="Place some text description here" style="width: 100%; height: 215px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                <?php echo set_value("interest"); ?>
                                </textarea>
    							<span class="error"><?php echo form_error("interest"); ?></span>
                             </div>
		                  </div>
	                   </div>
                    </div>
                    
                    
                    <div class="box box-primary">
                        
	                   <div class="box-body">
	                   	<div class="box-header">
                             <h4 class="box_content"><span style="color:#FFF !important;">References</span></h4>
                        </div>
		                 <div class="row">
			                 <div class="col-xs-12">
    							<textarea class="textarea" name="reference" placeholder="Place some text description here" style="width: 100%; height: 215px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                                <?php echo set_value("reference"); ?>
                                </textarea>
    							<span class="error"><?php echo form_error("reference"); ?></span>
                             </div>
		                  </div>
	                   </div>
                    </div>
					
				</div>
				<div class="box-footer">
					<div class="">
						<button class="btn btn-primary" type="submit">
							<i class="fa fa-fw fa-save"></i> Save
						</button>
					</div>
				</div>
			</form>
		</div><!-- /.box-body -->
	
</div><!-- /. end facebook fan page -->
		</div><!-- nav-tabs-custom -->
	</div><!-- /.col -->
</div>


<script type="text/javascript">
    $('.contain-education').each(function() {
        var $wrapper = $('.wrap-education', this);
        $("body").on("click",".add-education", $(this),function(e) {
            $('.append-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
        });
        $('.append-field .remove-edu-field', $wrapper).click(function() {
           if ($('.append-field', $wrapper).length > 1)
                $con = confirm("Are you sure you want to delete this?");
                if($con==true){
                    $(this).parent('.append-field').remove();
                }
        });
    });
     //$("body").on("click", ".respond_result .delete_record", function(e) {
    $('.contain-exp').each(function() {
        var $wrapper = $('.wrap-exp', this);
        $(".add-exp", $(this)).click(function(e) {
            $('.append-exp-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
        });
        $('.append-exp-field .remove-exp-field', $wrapper).click(function() {
           if ($('.append-exp-field', $wrapper).length > 1)
                $(this).parent('.append-exp-field').remove();
        });
    });
    ///
    $('.contain-lang').each(function() {
        var $wrapper = $('.wrap-lang', this);
        $(".add-lang", $(this)).click(function(e) {
            $('.append-lang-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
        });
        $('.append-lang-field .remove-lang-field', $wrapper).click(function() {
           if ($('.append-lang-field', $wrapper).length > 1)
                $(this).parent('.append-lang-field').remove();
        });
    });
</script>

